COCA Reports - Static Page Development

Testing non-shiny interactive displays

Author

Adam Kemberling

Published

April 22, 2025

Mimicing Shiny with Quarto + bslib

It was discussed in the last COCA meeting that we need some sort of static display options as an alternative to the shiny app.

An alternative display option that mimics 80% of the functionality is to blend web-based UI displays from {bslib} with some light interactivity that can be hosted as a static webpage.

Here are the components that I’m thinking of:
1. bslib for cards: these create a modern look that would be consistent with shiny. Use these to hold and frame content.
2. crosstalk + ggplot: These two packages together can add interactivity to a static page. If we’re smart about the data we need, we can mimic the shiny app functionality but keep it light.
3. Observable.js, there is also an option to build plots/tables/charts with observable for interactivity as well

Another interesting but time consuming path would be to try out observable framework: https://observablehq.com/framework/

Content Goals

The following lines are notes from Kat:
* Make a heading on the front baseline page about what this page is generally about, why am I here. Heading and two sentences
* Could not publish yet
* Could just make a mini app with two maps of change with different temp thresholds
* Be specific on what does say and doesn’t say (e.g. stock recovery status, ecological interactions)
* Explaining what a model does and doesn’t do - need a read me on the app
* Explaining biomass - better connect to habitat. Habitat suitability that support biomass or something similar. habitat potential/suitability
* Baseline and future maps probably most useful  

Content Cards: bslib

bslib uses the newest bootstrap ui library to generate modern html containers for storing content. The major design element is the content “card”.

Interactive Data: crosstalk

Crosstalk adds reactivity to static pages along users to select and filter data. Brushing can also be used to highlight data across plots highlighting different dimensions of the same dataset.

Observable Interactivity

Observable.js can also be used directly to highlight data interactively without stringing along different r packages.

Actual Content:

Put actual ideas for content here.

1. SSP Scenario Comparison

Understanding Community Climate Trends

CMIP6 scenario projections for the Northeastern US:

In the research presented here, we used future sea surface and bottom temperature data from multiple global climate models run under two scenarios reflecting low (SSP1-2.6) and high greenhouse gas emissions (SSP5-8.5). A prediction ensemble of many model runs was prepared for each scenario.

The chart below shows the projected SST for the Northeast U.S. region as a whole. The breadth of uncertainty between model runs can be seen in the prediction range when taking the 5th and 95th percentiles of the model runs used in each ensemble.

The projected Oceanographic responses under these scenarios and their uncertainties begin to diverge by mid-century (2040-2069), but the differences are most apparent at the end of the century (2070-2099).

2. Observed & Projected Environmental Change from SSP5 8.5

Understanding Community Climate Trends

CMIP6 scenario projections for the Northeastern US:

These climate ensembles contain estimates of temperature and salinity conditions at monthly intervals projected out through 2100. Estimates are based on decades of scientific observations in the region and projected forward using physics-based oceanographic models. These models are then fed data on expected GHG emissions and climate sensitivity to those emissions unique to each SSP scenario to see how the physical environment responds under those assumptions.

These estimates are then used to set reasonable expectations, and test our understanding around the projected changes to the region's environment. Differences between scenarios and their uncertainties highlight how much/little change we might anticipate dependent on choices made on emissions.

The chart below displays the projected change in sea surface temperature for the Northeast US Continental Shelf Region, based on the shared socioeconomic emissons pathway SSP5 8.5, an ensemble climate scenario.

2b. Observed and Projected, Both Scenarios

3. Baseline Environmental Conditions of the Recent Climate

Anchoring Comparisons Against Known Experiences

Environmnetal Change History of the Northeastern US:

In the Northeast US the physical marine environment changes at scales ranging from the hourly to decadal scales. The marine environment is dynamic and inter-annual variation is normal and expected regardless of climate change impacts.

By taking several decades of data to use as a baseline, scientists can measure the degree that each variable fluctuates naturally, and set benchmarks from which to compare against.

4. Observed Species Distribution: Modern Climate

Species Abundance in the Ocean Varies with Environmental Suitability

Haddock Preferences Have Determined Historic Species Distribution

With a preference for cooler water, haddock have historically been more numerous in the Gulf of Maine, becomin less numerousfurther to the South.

For comparisons against projected future climates, we've used the ten-year period of 2010-2019 as a baseline from which to measure changes.

The following map below displays how our species distribution model allocates haddock biomass density when given the average environmental conditions of that 2010-2019 period. This is how we understand haddock abundance/biomass to be distributed currently under the average environmental conditions of recent years.

5. Projected Distribution: Change in a +1C Climate

Projected Species Distribution Change Under Projected Climate Change

Habitat Preference-Based Species Distribution Changes

Based on the projected environment of the SSP5 8.5 climate ensemble. Haddock distributions are projected to decline in the southern parts of their range, and increase North of Georges Bank and along the Scotian Shelf. These projected changes raise a number of ecological and fisheries management considerations.

Changes in distribution driven by shifts in the local climate will change the vulnerability of haddock to fishing pressure and add complexity to stock the assesment process.

These habitat-driven distribution shifts will also need to be balanced against the ecological and life-history needs for the species. Historical distribution patterns that emerged with the purposes of capitalizing on prey availability and/or predator evasion will encounter tradeoffs with changing physical habitat preferences.

6. Observed Species Environmental Preferences

Species Distribution Changes Based on Actual Thermal Preferences

Gulf of Maine Haddock Preferences Facing Projected Climates:

Haddock is an important fish species found in the cooler waters off the Coast of New England. They serve an important role ecologically and they support a regional fishery and commonly eaten as fried fish fillets.

Leveraging over 50 years of NOAA Survey data, scientists can quantify the relationship between haddock abundance and the temperatures where they are caught. When average temperatures from projected climates are overlayed, we can see whether conditions are more/less favorable with respect to those preferences.

Leveraging over 50 years of NOAA Survey data, scientists can quantify the relationship between haddock abundance and the temperatures where they are caught. When average temperatures from projected climates are overlayed, we can see whether conditions are more/less favorable with respect to those preferences.

7. Region-Specific Seasonal Outlooks

US Area Maps

For COCA we only really need the US area, so maybe clip to that area:

Community Angle?